$(function () {
	AOS.init()
	$("#pagination").pagination({
		/*当前页码*/
		currentPage: 1,
		/*总共有多少页*/
		totalPage: 10,
		/*是否显示首页、尾页 true：显示 false：不显示*/
		isShow: true,
		/*分页条显示可见页码数量*/
		count: 5,
		/*第一页显示文字*/
		homePageText: '首页',
		/*最后一页显示文字*/
		endPageText: '尾页',
		/*上一页显示文字*/
		prevPageText: '<',
		/* 下一页显示文字*/
		nextPageText: '>',
		/*点击翻页绑定事件*/
		callback: function (page) {
			console.log(page);
		}
	});
	const btn = $('.icon-list .list');
	const modal = $('.modal');
	const cancel = $('.modal .head-right')
	const imgLi = $('.img-list .img-group')
	const showImg = $('.lagre-img')
	btn.click(function () {
		console.log($('.modal'));
		modal.show()
		modal.addClass('active');
	});
	cancel.click(function () {
		modal.hide()

		modal.removeClass('active')
	})
	modal.on('click', function (e) {
		if ($(e.target).closest('.modal-content').length > 0) {
			console.log(1);
		} else {
			modal.removeClass('active');
		}
	});
	imgLi.click(function (e) {
		e.preventDefault()
		$that = $(this)
		imgLi.removeClass('is-active')
		$that.addClass('is-active')
		showImg.attr('src', $that.children().data('src'))
	})
});
// 搜索
$(document).ready(function () {

	const imgLi = $('.img-list .img-group')
	const showImg = $('.lagre-img')
	imgLi.click(function (e) {
		e.preventDefault()
		$that = $(this)
		imgLi.removeClass('is-active')
		$that.addClass('is-active')
		showImg.attr('src', $that.children().data('src'))
	})
	$('#viewer').viewer();
	// 检测是否为移动设备
	function isMobile () {
		return window.innerWidth <= 768;
	}

	// 初始化表格
	function initTable () {
		if (isMobile()) {
			// 手机端添加固定列样式
			$('.data-table tbody td:first-child').addClass('fixed-column');
			$('.data-table thead th:first-child').addClass('fixed-column');

			// 添加触摸滑动提示
			$('.table-title p').show();
		} else {
			$('.table-title p').hide();
		}
	}

	// 搜索功能
	$('#searchBtn').click(function () {
		const keyword = $('#searchInput').val().toLowerCase();
		let hasResult = false;

		$('#loading').show();
		$('#productTable tbody tr').each(function () {
			const model = $(this).find('td:first').text().toLowerCase();
			if (model.indexOf(keyword) > -1) {
				$(this).show();
				hasResult = true;
			} else {
				$(this).hide();
			}
		});

		setTimeout(() => {
			$('#loading').hide();
			if (hasResult) {
				$('#emptyState').hide();
			} else {
				$('#emptyState').show();
			}
		}, 300);
	});

	// 重置搜索
	$('#resetBtn').click(function () {
		$('#searchInput').val('');
		$('#productTable tbody tr').show();
		$('#emptyState').hide();
	});



	// 初始化
	initTable();

	// 窗口大小改变时重新初始化
	$(window).resize(function () {
		initTable();
	});
});